import { debounce } from "./util"
import backtop from "@/components/common/BackTop/backtop";
//混入
export const itemListentermixin = {
  //不一定是周期函数  可以是任何的option
  data() {
    return {
      itemImgListener: null,
      newRefresh: null
    }
  },
  mounted() {
    this.newRefresh = debounce(this.$refs.scroll.refresh, 500)
    this.itemImgListener = () => {
      this.newRefresh();
    }
    // console.log("我是混入的内容");
    // console.log(this.newRefresh);
    this.$bus.$on('detailimgload', this.itemImgListener);

    //取消监听事件  this.$bus.$off('detailimgload', this.itemImgListener);
  }
}

export const backTop = {
  data() {
    return {
      backtopshow: false,
    }
  },
  components: {
    backtop
  },
  methods: {
    backtop() {
      this.$refs.scroll.scrollTo(0, 0, 300); //调用组件的方法
    },
    Showbacktop(position) {
      //下拉  显示回到顶部
      if (position.y <= -1000) {
        this.backtopshow = true;
      } else {
        this.backtopshow = false;
      }
    },
  }
}

//使用方法

//类似java的继承    减少代码的重复量

//mixins: [mixin]